﻿<phone:PhoneApplicationPage 
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
	xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
	xmlns:Custom="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity" xmlns:ic="clr-namespace:Microsoft.Expression.Interactivity.Core;assembly=Microsoft.Expression.Interactions"
	mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="800"
	x:Class="TourGuideApp.StopDetailsPage"
	FontFamily="{StaticResource PhoneFontFamilyNormal}"
	FontSize="{StaticResource PhoneFontSizeNormal}"
	Foreground="{StaticResource PhoneForegroundBrush}"
	Orientation="Portrait"
	shell:SystemTray.IsVisible="True" Loaded="PhoneApplicationPage_Loaded">

	<!--LayoutRoot is the root grid where all page content is placed-->
	<Grid x:Name="LayoutRoot" Background="Transparent">
		<Grid.RowDefinitions>
			<RowDefinition Height="Auto"/>
			<RowDefinition Height="*"/>
		</Grid.RowDefinitions>
		
		<!--TitlePanel contains the name of the application and page title-->
		<StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
			<TextBlock x:Name="ApplicationTitle" Text="{StaticResource AppName}" Style="{StaticResource PhoneTextNormalStyle}"/>
			<TextBlock x:Name="PageTitle" Text="{Binding Mode=OneWay}" TextWrapping="Wrap" Margin="0,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}" DataContext="{Binding title}" FontSize="48" Height="123"/>
			<TextBlock x:Name="Subtitle" TextWrapping="Wrap" Text="{Binding address}" Margin="0,0,20,0" Foreground="{StaticResource PhoneAccentBrush}" Height="23" FontSize="12"/>
		</StackPanel>
		<Grid Margin="12,0,12,0" Grid.Row="1" x:Name="ContentPanel" Background="{Binding Source, ElementName=image}" Height="557" Width="456">
			<Image x:Name="image" Source="{Binding pointOfInterest.ThumbNailURI}" Stretch="Fill" Opacity="0.815" Height="113" VerticalAlignment="Top" Margin="160,4,180,0"/>
			<ScrollViewer Margin="15,117,16,8" d:LayoutOverrides="Height">
				<TextBlock TextWrapping="Wrap" Text="{Binding pointOfInterest.longDescription}" Style="{StaticResource PhoneTextSmallStyle}" Margin="0" Width="425"/>
			</ScrollViewer>
		</Grid>

		<!--ContentPanel - place additional content here-->
	</Grid>
</phone:PhoneApplicationPage>